.container {
	padding-bottom: 130upx;
}

/* 空白页 */
.empty {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	padding-bottom: 100upx;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background: #fff;

	image {
		width: 240upx;
		height: 160upx;
		margin-bottom: 30upx;
	}

	.empty-tips {
		display: flex;
		font-size: $uni-font-size-sm;
		color: $uni-text-color;
	}
	
	navigator {
		color: $uni-text-color-red;
	}
}

//列表
.cart-item {
	
	display: flex;
	position: relative;
	padding: 30upx 20upx;

	.checkbox {
		display: flex;
		height: auto;
		width: 52upx;
		padding: 4upx;
		color: $uni-bg-color-grey;
		background: #fff;
		border-radius: 50px;
	}
	
	.image-wrapper {
		width: 30%;
		height: 250upx;
		border-radius: 3px;
		overflow: hidden;

		image {
			width: 100%;
			height: 100%;
			opacity: 1;
		}
	}
 
 
	.item-right {
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;
		position: relative;
		padding-left: 30upx;

		.title {
			font-size: $uni-font-size-lg;
			height: 60upx;
			line-height: 60upx;
		}

		.attr {
			font-size: $uni-font-size-base;
			color: $uni-text-color-light;
			height: 80upx;
			line-height: 40upx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
		}

		.price {
			height: 40upx;
			line-height: 40upx;
			font-size: $uni-font-size-lg;
			color: $uni-text-color-red;
		}
	}
 
	.del-btn {
		display: flex;
		align-items: center;
		font-size: 44upx;
		padding: 4upx;
		color: $uni-text-color-red;
	}

}


/* 底部菜单栏 */
.action-section {
	/* #ifdef H5 */
		margin-bottom: 100upx;
	/* #endif */
	position: fixed;
	left: 30upx;
	bottom: 30upx;
	z-index: 95;
	display: flex;
	align-items: center;
	width: 690upx;
	height: 100upx;
	padding: 0 30upx;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 0 20upx 0 rgba(0, 0, 0, .5);
	border-radius: 16upx;

	.checkbox {
		height: 52upx;
		position: relative;

		image {
			width: 52upx;
			height: 100%;
			position: relative;
			z-index: 5;
		}
	}

	.clear-btn {
		position: absolute;
		left: 26upx;
		top: 0;
		z-index: 4;
		width: 0;
		height: 52upx;
		line-height: 52upx;
		padding-left: 38upx;
		font-size: $uni-font-size-base;
		color: #fff;
		background: $uni-text-color-disable;
		border-radius: 0 50px 50px 0;
		opacity: 0;
		transition: .2s;

		&.show {
			opacity: 1;
			width: 120upx;
		}
	}

	.total-box {
		flex: 1;
		display: flex;
		flex-direction: column;
		text-align: right;
		padding-right: 40upx;

		.price {
			font-size: $uni-font-size-lg;
			color: $uni-text-color-red;
		}

	}

	.confirm-btn {
		padding: 0 38upx;
		margin: 0;
		border-radius: 100px;
		height: 76upx;
		line-height: 76upx;
		font-size: $uni-font-size-base;
		background: $uni-color-primary;
		box-shadow: 1px 2px 5px rgba(217, 60, 93, 0.72)
	}
}